#ajax-loading{
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 50%;
    left: 45%;
    z-index: 99999;
    background-color: #fff;
    display: none;
}

/******** TABLE Bootstrap 3 **********/
table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #fff;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}
/******** TABLE Bootstrap 3 **********/

.fb-comments,
.fb-comments span, 
.fb-comments span iframe[style],
.fb-like-box, 
.fb-like-box span, 
.fb-like-box span iframe[style] {
    width: 100% !important;
}
iframe.twitter-share-button{
    width: 90px !important;
}
html, body, .wf-container > * {
    color: #555;
}

body {
    background: none;
}
#page {
    background-color: #f5f5f5;
}
#header {
    background: none repeat scroll center center #0079c5;
}
.more-link.dt-btn.btn-dark-blue {
    border-radius: 0;
    box-shadow: none;
}
input.flat,
button.flat,
button.flat.btn-dark-blue{
    border-radius: 0;
    box-shadow: none; 
}
#branding-text{
    color: #FFFFFF;
}
#site-name h1,
#site-name h2{
    font: 28px/34px 'Roboto Condensed',Helvetica,Arial,Verdana,sans-serif;
    text-transform: uppercase;
    margin: 0;
}
#site-name h1 a,
#site-name h2 a{
    color: #FFFFFF;
    font-weight: bold;
}


#site-slogan{
    font: 14px/34px 'Roboto Condensed',Helvetica,Arial,Verdana,sans-serif;
}

/*slide*/
#main-slideshow.my-content-slide{
    background: none;
}
#main-slideshow.my-content-slide > .royalSlider{
    height: 300px;
}
.my-content-slide .rsCapt{
    padding: 0 20px;   
}
.my-content-slide .rsTitle{
    font-size: 20px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
}
.my-content-slide .rsTitle a{
    color: #fff;
    text-decoration: none;
}
.my-content-slide .rsTitle a:hover{
    text-decoration: underline;
}
.my-content-slide > .royalSlider.rsHomePorthole{
    height: 300px;
}
/*.my-content-slide .rsHomePorthole .rsThumbsVer{
    width: 65px;
    height: 330px;
}
.my-content-slide .rsHomePorthole .progress-wrapper{
    width: 65px;
    height: 65px;
}
.my-content-slide .rsHomePorthole .progress-controls,
.my-content-slide .rsHomePorthole .rsThumb.rsNavSelected{
    width: 60px;
    height: 60px;
}
.my-content-slide .rsHomePorthole .rsThumb.rsNavPrev, 
.my-content-slide .rsHomePorthole .rsThumb.rsNavNext {
    height: 40px;
    width: 40px;
}
.my-content-slide .rsHomePorthole .rsThumb{
    height: 25px;
    width: 25px;  
}                         */

/*hr*/
.hr-breadcrumbs .breadcrumbs.flat:after{
    border-top: none;
}
.hr-thick.flat, 
.hr-thick.flat:before{
    border-bottom: none;
}

.pagination:before, 
.pagination:after{
    clear: both;
    content: "";
    display: table;
}
.pagination{
    margin-top: 50px;
    text-align: center;
}
.pagination ul li{
    display: inline-block;
    margin-bottom: 10px;    
    margin-top: 10px;    
}
.pagination ul li a{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    padding: 10px 15px;
    text-decoration: none;
}
.pagination ul li.active a, 
.pagination ul li a:hover {
    background: none repeat scroll 0 0 #2595DC;
    color: #ffffff;
}

.project-link{
    margin-right: 20px;   
}
.rollover-content h2.entry-title{
    min-height: 70px;
}

.subscribe-form input.email{
    height: 34px; 
    width: 100%;
    max-width: 100%;
}
.align-right{
    text-align: right;
}
.testimonial-item.author-footer{
    padding: 0px 20px 5px 20px
}

/* CSS for the scrollers */
.horizontal_scroller{
    height: 34px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.scrollingtext{
    position:absolute;
    white-space:nowrap;
    font-size:12px;
}
.scrolltext-item{
    display: inline-block;
}

.sidebar .widget{
    padding: 20px 15px 10px 15px ;
}
.details-link{
    text-align: right;
}
.social-button-list{
    display: inline-block;
}

.wf-table .entry-share{
    padding: 0px;
    margin: 0px;
}
.post-share{
    display: inline-block;
    vertical-align: 4px;
    font-size: 14px;
    font-weight: bold; 
}
.items-grid .alignleft{
    height: auto;
    width: 100px;
}

/* star */
span.stars {
    vertical-align: -24px;
}
span.stars .star-1 {
    width: 20px;
}
span.stars .star-1-5 {
    width: 30px;
}
span.stars .star-2 {
    width: 40px;
}
span.stars .star-2-5 {
    width: 50px;
}
span.stars .star-3 {
    width: 60px;
}
span.stars .star-3-5 {
    width: 70px;
}
span.stars .star-4 {
    width: 80px;
}
span.stars .star-4-5 {
    width: 90px;
}
span.stars .star-5 {
    width: 100px;
}
span.stars, span.stars span {
    background: url("images/5stars.png") repeat scroll 0 -21px transparent;
    display: inline-block;
    height: 21px;
    width: 100px;
}
span.stars span {
    background-position: 0 0;
}
.offer-label{
    color: #333;
}
.post .alignnone{
    margin: 0;
}
.rollover-project{
    margin-bottom: 10px;
}
.dt-form select,
.dt-form input[type=text],
.dt-form input[type=password]{
    max-width: 270px;
    width: 100%;
    height: 30px;
    font-size: 14px;
    border-radius: 0;
}
.dt-form input[disabled=disabled]{
    background-color: #eee;
}

.dt-form label.block{
    display: block;
}
.dt-form span.required,
.dt-form input.error,
.dt-form .errorMessage{
    color: #D73B37;
}
img.captcha_img{
    height: 30px;
    border: 1px solid #DDDDDD;
    height: 27px;
    vertical-align: -10px;
    cursor: pointer;
}

.shortcode-blockquote.success{
    color: #3AB459;
}
.shortcode-blockquote.info{
    color: #2985C6;
}
.shortcode-blockquote.warning{
    color: #F2A809;
}
.shortcode-blockquote.error{
    color: #D73B37;
}

th.col-item-group{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}
table.table-small td{
    padding: 4px !important;
}